<template>
  <div class="footer-content">
    <div class="link-box">
      <a class="link-text" href="javascript:;">关于我们</a>
      <a class="link-text" href="javascript:;">服务项目</a>
      <a class="link-text" href="javascript:;">客户案例</a>
      <a class="link-text" href="javascript:;">联系我们</a>
    </div>
    <div class="copy-right-box">
      <span class="text">Copyright © 2025.</span>
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.footer-content{
  position: relative;
  height: 100%;
  padding: 0 16rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .link-text{
    color: var(--el-text-color-secondary);
    font-size: 1.0rem;
    display: inline-block;
    margin-right: 2rem;
    &:hover{
      color: var(--primary-color);
    }
  }
  .copy-right-box{
    position: relative;
    display: flex;
    flex-direction: column;
    color: var(--el-text-color-secondary);
    font-size: 1.0rem;
    a{
      color: var(--el-text-color-secondary);
      font-size: 1.0rem;
      text-decoration: none;
      display: inline-block;
      margin-top: 10px;
    }
  }
}
</style>
